<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>个人学习经历</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="./static/layui/css/layui.css"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>

<div class="layui-container">
  <div class="layui-fluid">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
      <legend>我的大学学习历程</legend>
    </fieldset>
    <ul class="layui-timeline">
      <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
          <h3 class="layui-timeline-title">大三下学期</h3>
          <p>
            <ul>
              <li>阅读《深入理解Java虚拟机》</li>
              <li>写自己的简历</li>
              <li>刷面试题</li>
            </ul>
          </p>
        </div>
      </li>
      <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
          <h3 class="layui-timeline-title">大三上学期</h3>
          <p>
            <ul>
              <li>全国大学生软件测试之Web安全测试（成绩是国家级二等奖）</li>
              <li>MongoDB学习</li>
              <li>SpringBoot学习</li>
            </ul>
          </p>
        </div>
      </li>
      <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
          <h3 class="layui-timeline-title">暑假</h3>
          <p>
            <ul>
              <li>Maven学习</li>
              <li>把Java基础又复习了一遍</li>
              <li>Java Web项目在Linux上的部署</li>
              <li>Ngnix简单使用---反向代理</li>
            </ul>
          </p>
        </div>
      </li>
      <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
          <h3 class="layui-timeline-title">大二下学期</h3>
          <div>
            <ul>
              <li>Java EE课程</li>
              <li>计算机网络课程</li>
              <li>信息安全铁人三项赛Web安全方面</li>
              <li>参加与学校合作办学的青软举办的比赛（成果是15级第二名，总决赛共8队）</li>
            </ul>
          </div>
          <div>
            信息安全铁人三项赛Web安全方面，学校老师请来天融信和西普教育的人来给我们培训，主要涉及流量包分析，SQL注入，XSS攻击等等
            <ul>
              <li>base64加解密</li>
              <li>图片隐写</li>
            </ul>
          </div>
        </div>
      </li>
      <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
          <h3 class="layui-timeline-title">大二上学期</h3>
          <p>
            <ul>
              <li>Java SE课程</li>
              <li>数据库课程</li>
              <li>需求分析课程</li>
              <li>软件工程导论课程</li>
              <li>Node.js</li>
            </ul>
            <p>在学长的带领下，用Node.js开发金科小哥</p>
          </p>
        </div>
      </li>
      <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
          <h3 class="layui-timeline-title">暑假</h3>
          <p>
            跟着网上的教程，完成了一个基于php| MySQL | HTML | CSS | JS 的多用户留言系统
          </p>
        </div>
      </li>
      <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
          <h3 class="layui-timeline-title">大一下学期</h3>
          <p>
            <ul>
              <li>HTML</li>
              <li>CSS</li>
              <li>PHP入门</li>
              <li>C++课程</li>
              <li>C++课设</li>
              <li>离散数学</li>
            </ul>
          </p>
        </div>
      </li>
      <li class="layui-timeline-item">
        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
        <div class="layui-timeline-content layui-text">
          <div class="layui-timeline-title">大一上学期</div>
          <p>
            <ul>
              <li>C语言</li>
              <li>高数</li>
              <li>线性代数</li>
            </ul>
          </p>
        </div>
      </li>
    </ul>          
  </div> 
</div>        
<script src="./static/layui/layui.js" charset="utf-8"></script>
<script>
</script>

</body>
</html>